

<div class="row myfriendSearchContain">
    <input class="myfriendSearch" ng-model="friendName" placeholder="搜索">
</div>
    <div class="myFriendList" style="margin-bottom: 0px; border-top: 1px solid #F4F4F4;margin-top: 10px;" ng-click="newFriends()">
        <table>
            <tr >
                <td style="width:17%;padding-left: 5px">
                    <img class="avatar"  style="margin-top: 2Px;" src="img/newFriend.png" />
                </td>
                <td style="width:5%;">&nbsp;</td>
                <td style="width:25%;color: #000;">
                    新的朋友
                </td>
                <td style="width:25%;color: #000;">
                </td>
                <td style="width:20%;color: #000;">
                </td>
                <td style="width:8%; ">
                    <span class="badge" style="margin-top: -10px;background: red; margin-right: 10px;">{{friendApplyNum > 0 ? friendApplyNum : ""}}</span>
                </td>
            </tr>
        </table>
    </div>


    <div style="height: 20px;width: 100%; background-color: #F2F2F2;border-bottom: 1px solid #f4f4f4"></div>
    <div class="myFriendList">
            <table>
                <tr  ng-repeat="f in friends">
                    <td style="width:17%;padding-left: 5px" ng-click="checkDetails($index)">
                        <img class="avatar" ng-src="{{f.head_url || (f.sex==1 ? 'img/defaultMan.png' : 'img/defaultGirl.png')}}"/>
                        <span class="badge" style="position: absolute; background: red;padding: 2px 4px;margin-top: -5px; margin-left: -5px;" >{{f.messageCount > 0 ? f.messageCount : ""}}</span>
                    </td>
                    <td style="width:5%;" ng-click="hxCom($index)">&nbsp;</td>
                    <td style="width:25%;color: #000;" ng-click="hxCom($index)">
                        {{f.name}}
                    </td>
                    <td style="width:25%;color: #000;" ng-click="hxCom($index)">
                        {{f.province}}
                    </td>
                    <td style="width:20%;color: #000;" ng-click="hxCom($index)">
                        {{f.constellation}}
                    </td>
                    <td style="width:8%;" ng-click="hxCom($index)">
                        <img class="detail" src="img/detail.png" />
                    </td>
                </tr>
            </table>
    </div>
    <div style="height: 2%"></div>

